<template>
	<div class="optionBtn">
		<!--div @click="toMaterialList">发圈素材</div-->
		<!-- div @click="pushIteam">推给团队</!-->
		<div class="share_btn" @click="popularize">
			<i class="iconfont iconfenxiang" />
			<span>分享</span>
		</div>
	</div>
</template>

<script>

export default {
	name: 'optionBtn',
	props: {
		counselData: {
			type: Object,
			default: () => {},
			request: true
		}
	},
	data() {
		return {
			constant: this.$constant
		}
	},
	mounted() {
	},
	methods: {
	    // 公共参数
		forParams(data) {
			return {
				id: data[this.counselData.myKey.id],
				images: data[this.counselData.myKey.images],
				title: data[this.counselData.myKey.title],
				extension_num: data.extension_num,
				huoke_num: data.huoke_num
			}
		},
		// ==朋友圈推广==
		toMaterialList(data, type) {
			this.$emit('toMaterialList', data)
		},
		// ===推给团队===
		pushIteam(data, type) {
			this.$emit('pushIteam', data)
		},
		// ===推广获客===
		popularize(data) {
			this.$emit('popularize', data)
		}
	}

}
</script>

<style lang="scss" scope>
	.optionBtn {
        position: fixed;
        left: 0;
        bottom: 20px;
        z-index: 99;
		display: flex;
		align-items: center;
        justify-content: flex-end;
        margin-right: 30px;
        width: calc(100% - 30px);
		font-size: 28px;
        // height: 100%;
		& > div {
			display: flex;
			align-items: center;
			height: 60px;
			padding: 0 30px;
			border-radius: 50px;
			// border: 1px solid #9D9D9D; /*no*/
            margin-left: 20px;
            box-shadow: 0px 0px 20px #9D9D9D;
            background-color: #fff;
		}
		.share_btn {
			color: $auxiliaryColor1;
			border-color: $mainColor;
			background: $mainColor;
			padding: 0 30px;
			.iconfenxiang {
				font-size: 28px;
			}
			i {
				margin-right: 10px;
			}
		}
	}
</style>
